{extend name="base"/}
{block name="content"}

<div class="wrapper">
    
    <div class="topic">
        <div class="container">
            <div class="row">
                <ol class="breadcrumb hidden-xs">
                    <li><a href="{:url('tcms/index/index')}">首页</a></li>
                    <li><a href="{:url('tcms/index/portfolio')}">相册</a></li>
                    <li class="active">展示</li>
                </ol>
            </div> 
        </div> 
    </div> 
    <div class="container">
        <div class="row">
            <div class="col-sm-6">
                <div class="item">
                    {empty name="listPosts[0]->thumb"}
                    <img src="__THEMES__/img/portfolio/portfolio1.jpg" class="img-responsive" alt="{$listPosts[0]->title}">
                    {else/}
                    <img src="{$listPosts[0]->thumb}" class="img-responsive" alt="{$listPosts[0]->title}">
                    {/empty}
                </div>
                </div>
                <div class="col-sm-6">
                    <h3 class="second-child"><span>{$listPosts[0]->title}</span></h3>
                    <p>{$listPosts[0]->abstract|default='相册简介请从后台修改'}</p>
                    <br>
                    <h4><span>参数说明</span></h4>
                    <table class="table">
                        <tbody>
                            <tr>
                                <td width="180">作者：</td>
                                <td>{$listPosts[0]->author|default='TPFrame'}</td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr>
                                <td>来源：</td>
                                <td>{$listPosts[0]->source|default='本站'}</td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr>
                                <td>浏览量：</td>
                                <td>{$listPosts[0]->view|default='200'}</td>
                                <td></td>
                                <td></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div> 
             <div class="row" id="isotope-container">
                <div class="col-sm-12">
                    <h3 class="headline"><span>相册图片</span></h3>
                </div>
                {volist name="listPostsPhotos" id="vo"}
                <div class="col-xs-12 col-sm-4 col-md-3 isotope-item photo{$vo.posts_id}">
                    <div class="portfolio-item">
                        <div class="portfolio-thumbnail">
                            <img class="img-responsive" src="{$vo.url}" alt="{$vo.desc}">
                            <div class="mask">
                                <p style="margin-left: -30px;">
                                    <a href="{$vo.url}" data-lightbox="showcase{$vo.posts_id}"><i class="fa fa-search fa-2x"></i></a>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                {/volist}
            </div>
            <div class="row">
                <div class="col-sm-12">
                    <h3 class="headline"><span>其它相册</span></h3>
                </div>
                {volist name="listOtherPosts" id="vo"}
                <div class="col-sm-3">
                    <div class="portfolio-slideshow">
                        <div id="portfolio-slideshow" class="carousel slide" data-ride="carousel">
                            <div class="carousel-inner">
                                {php}$index=0;{/php}
                                {volist name="listPostsImages" id="img"}
                                {eq name="vo.id" value="$img.posts_id"}
                                <div class="{eq name="index" value="0"}item active{else/}item{/eq}">
                                    <div class="portfolio-item">
                                        <div class="portfolio-thumbnail">
                                            {empty name="img.url"}
                                            <img class="img-responsive" src="__THEMES__/img/portfolio/portfolio1.jpg" alt="{$img.desc}">
                                            {else/}
                                            <img class="img-responsive" src="{$img.url}" alt="{$img.desc}">
                                            {/empty}
                                            <div class="mask">
                                                <p>
                                                    <a href="{$img.url}" data-lightbox="showcase{$img.posts_id}"><i class="fa fa-search-plus fa-2x"></i></a>
                                                    <a href="{:url('tcms/cases/show',['posts_id'=>$img.posts_id])}"><i class="fa fa-link fa-2x"></i></a>
                                                </p>
                                            </div>
                                        </div>
                                    </div> 
                                </div>
                                {php}$index++;{/php}
                                {/eq}
                                {/volist}
                            </div>
                        </div>
                    </div>
                </div>
                {/volist}
               
            </div> 
        </div> 
    </div> 
    {/block}